//获取路径中的关键字，不需要等待dom结构完成，所以不需要放在大的$（function）{}里
var keyword = getParamsByUrl(location.href,'keyword');
var html='';
//默认升序

$(function(){	
	var priceSort =1;
	getData();	
	priceSort1();
	//点击价格，对价格进行升降序排列
	function priceSort1(){
		//价格排序
		//1对价格按钮添加轻敲事件，（解决移动端300毫秒延迟的）
		//2将价格排序规则传递到接口中，
		//3对之前的各种配置进行初始化
			//页面中的数据清空
			//重新渲染
		$('#price-sort').on('tap',function(){
			//点击之后更改价格排序的数值
			priceSort = priceSort==1 ? 2 : 1;
			console.log(priceSort);
			html='';
			getData();		
		});
	}
	//获取数据
	function getData(){
		var  _this = this;
		$.ajax({
			url:'/product/queryProduct',
			type:'get',
			data:{
				page:1,
				pageSize:6,     
				proName:keyword,
				price:priceSort
			},
			success:function(res){
				console.log(res.data);
				html = template('prodult-template',{result:res.data});
	//			console.log(res.data[0].pic[0]);
	//			console.log(html);
				
				$('#prodult-list').html(html);
				//告诉加载完成了
	//			   _this.endPullupToRefresh(false);
			}
		});
	}
//	实现上拉加载的方法mui组件提供的
//	mui.init({
//	  pullRefresh : {
//	    container:document.querySelector('#refreshContainer'),//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
//	    up : {
//	      height:50,//可选.默认50.触发上拉加载拖动距离
//	      auto:true,//可选,默认false.自动上拉加载一次
//	      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
//	      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
//	      callback :getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
//	    }
//	  }
//	});
});

//获取路径中的关键字方法
function getParamsByUrl(url,name){
	var params = url.substr(url.indexOf('?')+1);
//	console.log(params);
//	var param = params.split('&');将字符串分割成数组
	var param = params.split('=');
	console.log(param);
	if(param[0]==name){
		return param[1];
	}	
	//如果是多个&参数的话，就可以for循环出来
//	for(var i = 0;i<params.length;i++){
//		var current = params[i].split('=');		
//		if(current[0]==name){
//			console.log(current[1]);
//		}
//	}
};
































